<template>
	<view>
		<view class="shaixuan">
			<view class="shaixuan-check">
				<view class="check-item">
					<view class="shaixuan-content">
						区域
					</view>
					<image src="../static/index/xiajiantou.png"  class="xiala" mode ="aspectFit" ></image>
					
				</view>
				<view class="">|</view>
				<view class="check-item">
					<view class="shaixuan-content">
						租金
					</view>
					<image src="../static/index/xiajiantou.png"  class="xiala" mode ="aspectFit" ></image>
				</view>
				<view class="">|</view>
				<view class="check-item">
					<view class="shaixuan-content">
						排序
					</view>
					<image src="../static/index/xiajiantou.png"  class="xiala" mode ="aspectFit" ></image>
				</view>
				<view class="">|</view>
				<view class="check-item">
					<view class="shaixuan-content">
						更多
					</view>
					<image src="../static/index/xiajiantou.png"  class="xiala" mode ="aspectFit" ></image>
				</view>
			</view>
		</view>
		<view class="shai-list">
			<navigator class="shai-list-item" v-for="item in shaixuan" :key="id" :url="'../xiangqing/xiangqing?imgurl='+item.url+'&title='+item.title">
				<view class="shai-list-left">
					<image :src="item.url" mode="aspectFit" class="shai-list-left-img"></image>
				</view>
				<view class="shai-list-right">
					<view class="zhizu-item-title">
						{{item.title}}
					</view>
					<view class="zhizu-item-content">
						{{item.content}}
					</view>
					<view class="jianjie">
						<view class="jianjie-item" v-for="item in item.jianjie" :key="id">
							{{item.content}}
						</view>
					</view>
					<view class="zhizu-item-price">
						{{item.price}}
					</view>
				</view>
			</navigator>
		</view>
	</view>
</template>

<script>
	export default {
		name:"shaixuan",
		data() {
			return {
				shaixuan:[
					{
						id:0,
						url:'cloud://cloud1-9g80uc31db4637bb.636c-cloud1-9g80uc31db4637bb-1308355986/homeapp-index/zhengzu/zheng-list1.png',
						title:'整租·万华公寓·1居室',
						content:'整套 · 38m · 朝南',
						jianjie:[{
							id:0,
							content:'品质公寓'
						},{
							id:1,
							content:'带独卫'
						}],
						price:'2999元/月起'
					}
				]
			};
		}
	}
</script>

<style lang="less" scoped>
*{
	margin: 0;
	padding: 0;
}
.xiala {
	
	width:40rpx ;
	height: 25rpx;
	margin-left: 10rpx;
}
.shaixuan-check{
	display: flex;
	justify-content: space-around;
	.check-item{
	display: flex;
	justify-content: space-between;
	align-items: center;	
}
}
.shai-list-item{
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 700rpx;
	height: 280rpx;
	margin: 20rpx auto 0;
	border-bottom: 1rpx solid #ccc;
	.shai-list-left{
		display: flex;
		width: 300rpx;
		height: 300rpx;
		justify-content: center;
		align-items: center;
		.shai-list-left-img{
			width: 240rpx;
			height: 240rpx;
		}
	}
}
</style>
